<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link
	href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css"
	rel="stylesheet">
<link href="./css/personcenter.css" rel="stylesheet">
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script
	src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!-- <script src="js/checklogin.js"></script> -->
<style>
.liquidFillGaugeText {
	font-family: Helvetica;
	font-weight: bold;
}

.bg_1 {
	background-image: url(image/personcenter/bg.png);
	background-repeat: no-repeat;
	background-size: contain;
}
</style>
<body>
	<div class="container bg_1">
		<div class="row">
			<div class="col-md-12" id="topDiv"></div>
		</div>
		<div class="row">
			<div class="col-md-12 text-center">
				<img src="image/personcenter/top2.png" class="img-rounded"
					height="50" style="margin:0 auto" />
			</div>
		</div>
		<div class="row">
			<div class="col-md-2" id="list">
				<table class='hovertable'>
					<tr onmouseover="this.style.backgroundColor='#ffff66'" onmouseout="this.style.backgroundColor='#d4e3e5'">
						<td id="personal">个人信息</td>
					</tr>
					<tr onmouseover="this.style.backgroundColor='#ffff66'" onmouseout="this.style.backgroundColor='#d4e3e5'">
						<td id="addparent">添加家长</td>
					</tr>
					<tr onmouseover="this.style.backgroundColor='#ffff66'" onmouseout="this.style.backgroundColor='#d4e3e5'">
						<td id="update">修改信息</td>
					</tr>
				</table>
			</div>
			<div class="col-md-10" id="linechart">
				<div id="personmsg" class="show">
					<span>&nbsp;</span>
					<table class="table table-hover center">
						<tbody>
							<tr>
								<td>用户昵称</td>
								<td id="username"></td>
							</tr>
							<tr>
								<td>邮箱</td>
								<td id="email"></td>
							</tr>
							<tr>
								<td>班级</td>
								<td id="class"></td>
							</tr>
							<tr>
								<td>家长</td>
								<td id="parent"></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div id="addparentmsg" class="hide">
					<span>&nbsp;</span>
					<table class="table table-hover center">
						<tbody>
							<tr>
								<td>用户昵称</td>
								<td class="col-sm-6">
									<div class="form-group">
										<input type="text" class="form-control" id="name0" placeholder="请输入用户名">
									</div>
								</td>
							</tr>
							<tr>
								<td>邮箱</td>
								<td>
									<div class="form-group">
										<input type="text" class="form-control" id="email0" placeholder="请输入邮箱">
									</div>
								</td>
							</tr>
							<tr>
								<td>密码</td>
								<td>
									<div class="form-group">
										<input type="text" class="form-control" id="password0" placeholder="请输入密码">
									</div>
								</td>
							</tr>
							<tr>
								<td>确认密码</td>
								<td>
									<div class="form-group">
										<input type="text" class="form-control" id="password00" placeholder="请再次输入密码">
									</div>
								</td>
							</tr>
							<tr class="active">
								<td colspan="2">
									<div class="form-group">
										<button type="button" class="btn btn-info btn-lg" id="submit0">确定</button>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div id="updatemsg" class="hide">
					<span>&nbsp;</span>
					<table class="table table-hover center">
						<tbody>
							<tr>
								<td>用户昵称</td>
								<td class="col-sm-6" id="showname"></td>
							</tr>
							<tr>
								<td>邮箱</td>
								<td  id="showemail"></td>
							</tr>
							<tr>
								<td>密码</td>
								<td>
									<div class="form-group">
										<input type="text" class="form-control" id="password1" placeholder="请输入密码">
									</div>
								</td>
							</tr>
							<tr>
								<td>确认密码</td>
								<td>
									<div class="form-group">
										<input type="text" class="form-control" id="password11" placeholder="请再次输入密码">
									</div>
								</td>
							</tr>
							<tr>
								<td>班级</td>
								<td id="class1"></td>
							</tr>
							<tr class="active">
								<td colspan="2">
									<div class="form-group">
										<button type="button" class="btn btn-info btn-lg" id="submit1">确定</button>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<p>&nbsp;</p>
				<p>&nbsp;</p>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12 text-center">
				<img src="image/personcenter/back.jpg" class="img-rounded"
					id="imgBt" height="50" style="margin:auto" />
			</div>
		</div>
		<div style="margin-top:500px"></div>
	</div>
	<script type="text/javascript" src="./js/personcenter.js"></script>
</body>
</html>
